<template>
  <div>
    <div class="mb-3">
      <m-notification icon="BellFilled" :value="50" :max="20">
        <template v-slot:default>
          <m-list :list="list" :actions="actions" @clickItem="clickItem" @clickAction="clickAction"></m-list>
        </template>
      </m-notification>
    </div>
  </div>
</template>

<script lang='ts' setup>
import { list,actions } from './data'
let clickItem =(val:any)=>{
    console.log(val)
}
let clickAction =(val:any)=>{
    console.log(val)
    
}
</script>
<style lang="scss" scoped>
.mb-3{
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
</style>